<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>类数组伪数组</title>
</head>

<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <script>
        let lis = document.querySelectorAll('li');
        // console.log(lis);
        // lis.forEach(function(item){
        //     console.log(item);
        // })
        // console.log(lis.length);

        // 有索引，有长度，但是不具备数据中的方法，类数组
        // lis.push(1123);

        // 类数组转化成普通数组
        // let newArr = Array.prototype.slice.call(lis);

        // newArr.push(1);
        // console.log(newArr);

        // Array.from 可以将类数组转化为数组
        // let newArr = Array.from(lis);
        // newArr.push(1);
        // console.log(newArr);

        let arrayLike = {
            "0": "11",
            "1": "22",
            "2": "33",
            "length": 3
        }
        
        let newArr = Array.from(arrayLike);
        newArr.push(123);
        console.log(newArr);




    </script>
</body>

</html>